/**
 * 简单基础框架css
 * @author big.A
 * @version 1.0.0
 **/
/* ================== 初始化 ==================== */
body {
	color: #000;
	font-size: 32rpx;
	font-family: "BlinkMacSystemFont","Segoe UI","Roboto","Helvetica Neue","Arial","Noto Sans","Liberation Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	background-color:      #fafafa; /* 默认页面背景色 */
	box-sizing: border-box;
}
view, scroll-view, swiper, button, input, textarea, label, navigator, image {box-sizing: border-box;}
image {display:block;}
/* 杂项 */
.shadow {box-shadow: 0 10rpx 14rpx 0 rgba(185, 191, 193, 0.2);}
.opacity {opacity: 0.8 !important;}
.border-bottom {border-bottom: 1px solid #f1f2f3;}
.border-top {border-top: 1px solid #f1f2f3;}
.empty-box {text-align: center;padding: 100rpx 0 30vh 0;}
.empty-text {font-size: 26rpx;color: #bec0d0;margin-top: 20rpx;}
.relative{position:relative !important;}
.pointer {cursor: pointer;}
.hover-c {background-color: #fafafa !important;}
.gap-line {background-color: #fafafa;height: 20rpx;}
.item-image {width: 88rpx;height: 88rpx;border-radius: 10rpx;}
.top-back { position: absolute; top: 30rpx; left: 30rpx; z-index: 99999; }
.top-back-black {background-color: rgba(0, 0, 0, 0.5);border-radius: 100%;}
.radius {border-radius: 90rpx;}
.nodata-icon {font-size:70rpx;color: #999;}


/* 悬浮按钮 */
.fixed-btn {position: fixed;bottom: 0rpx;width: 100%;left: 0;box-shadow:-20rpx 0 16rpx 10rpx rgba(220,220,220,.3); padding:30rpx 30rpx 50rpx 30rpx}
// 提交页漂浮按钮
.fixedBtn {position: fixed;left: 0;right: 0;bottom: 0;padding: 30rpx 30rpx 50rpx 30rpx;}

/* 表单 */
.xiong-input-item{width:100%;display:flex;align-items:center;font-size:30rpx;background-color: white;border-radius: 8rpx;padding: 0 25rpx;}
.xiong-textarea{flex-direction:column;align-items:flex-end;}
.xiong-textarea textarea{width:100%;padding:0;height:200rpx;}
.xiong-input{flex:1;font-size:32rpx;padding-right:12rpx;box-sizing:border-box;overflow:visible;line-height: 90rpx;height: 90rpx;}
.xiong-input-title{min-width:140rpx;padding-right:12rpx;flex-shrink:0;line-height: 90rpx;height: 90rpx;}
.xiong-phcolor{color:$colorPlaceholder;font-size:30rpx;overflow:visible;font-weight: 500 !important;letter-spacing:5rpx;}
.xiong-input-border{border: 1px solid $colorBorder;background-color: rgba(220,220,220,.2);}
.xiong-text-right{text-align:right;}
.input-image{width: 50rpx;height: 50rpx;border-radius: 8rpx;}
checkbox.round .wx-checkbox-input,checkbox.round .uni-checkbox-input {border-radius: 100rpx;}
/*end 表单 */

/* 面板和菜单 */
.panel{background-color: #ffffff;box-shadow: 0 6rpx 20rpx rgba(220,220,220,.3);border-radius: 6rpx;overflow: hidden;}
.panel-menu-item {display:flex;justify-content:space-between;align-items:center;padding: 30rpx;border-bottom: 1px solid #f3f3f3;}
.panel-menu-item:active{background-color: #f8f8f8;}

/* 横向字段 */
.item-field,.item-field-time{font-size:24rpx;color:$colorDesc}
.item-field text{margin-right:15rpx}
.item-field text:last-child{margin-right:0}

/* 注册登录 */
.in-title {font-size: 45rpx;font-weight: bold;}
.in-desc {font-size: 28rpx;color:$colorDesc;margin: 20rpx 0 50rpx 0;}
.in-input-number {font-weight: bold;letter-spacing: 10rpx;font-size:34rpx;}

/* 选择支付方式列表 */
.payment-image{width:50rpx;height:50rpx;margin-right:10rpx;border-radius:10rpx;background-color:#f1f2f3}
.payment-item{margin-bottom:20rpx;border-radius:10rpx;background-color:#fff;padding:20rpx;background-color:#fafafa;box-shadow:0 3rpx 5rpx rgba(220,220,220,0.3);cursor:pointer}
.payment-item:last-child{margin-bottom:0}

// 按钮
button::after{border: none;}
.xBtn {box-shadow: 0 10rpx 14rpx 0 rgba(67, 82, 217, 0.2);background-color: $colorBlue;color: #fff;font-size: 32rpx;line-height: 90rpx;height: 90rpx;}
.xBtn[mini]{font-size: 30rpx;line-height: 75rpx;height: 75rpx;padding: 0 50rpx;}
.xBtn[disabled] {background-color: $colorBlue !important;opacity: 0.5;color: #fff !important;}
.xBtn-left {border-top-right-radius: 0;border-bottom-right-radius: 0;width: 100%;}
.xBtn-right {border-top-left-radius: 0;border-bottom-left-radius: 0;width: 100%;margin-left:1px}
.xBtn[green] {background-color: $colorGreen !important;color: #fff !important;}

/* ================== 文本 ==================== */
.text-xs{font-size:24rpx;}
.text-sm{font-size:28rpx;}
.text-sml{font-size:30rpx;}
.text-df{font-size:32rpx;}
.text-lg{font-size:36rpx;}
.text-xl{font-size:44rpx;}
.text-xxl{font-size:52rpx;}
.text-sl{font-size:80rpx;}
.text-xsl{font-size:120rpx;}
.text-Abc{text-transform:Capitalize;}
.text-ABC{text-transform:Uppercase;}
.text-abc{text-transform:Lowercase;}
.text-price::before{content:"¥";font-size:80%;margin-right:4rpx;}
.text-cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.text-bold{font-weight:bold;}
.text-center{text-align:center;}
.text-content{line-height:1.6;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-red{color: $colorRed}
.text-yellow{color:$colorYellow;}
.text-green{color:$colorGreen;}
.text-blue{color:$colorBlue!important;}
.text-gray{color:$colorGray;}
.text-black{color:$colorBlack;}
.text-white{color:#ffffff;}
.text-desc{color:$colorDesc;}
.text-opacity {opacity: 0.8;}
.text-number{font-family:FDCfont-Bold;font-weight:bold}
.text-gold {color: $colorGold !important;}
.text-gold-q {color: $colorGold-q !important;}
/* ================== 背景 ==================== */
.bg-red{background-color:$colorRed;color:#ffffff;}
.bg-yellow{background-color:$colorYellow;color:#ffffff;}
.bg-green{background-color:$colorGreen;color:#ffffff;}
.bg-blue{background-color:$colorBlue !important;color:#ffffff !important;}
.bg-gray{background-color:$colorGray;color:$colorBlack;}
.bg-black{background-color:$colorBlack;color:#ffffff;}
.bg-white{background-color:#ffffff;color:$colorBlack;}
.bg-red.light{color:$colorRed;background-color:#fadbd9;}
.bg-yellow.light{color:$colorYellow;background-color:#fef2ced2;}
.bg-green.light{color:$colorGreen;background-color:#d7f0dbff;}
.bg-blue.light{color:$colorBlue;background-color:#cce6ff;}
.bg-img{background-size:cover;background-position:center;background-repeat:no-repeat;}

/* ================== 浮动 ==================== */
.cf::after,.cf::before{content:" ";display:table;}
.cf::after{clear:both;}
.fl{float:left;}
.fr{float:right;}
.relative {position: relative;}
/* ================== 弹性布局 ==================== */
.flex-between {display:flex;justify-content:space-between;align-items:center;}
.flex{display:flex;}
.basis-xs{flex-basis:20%;}
.basis-sm{flex-basis:40%;}
.basis-df{flex-basis:50%;}
.basis-lg{flex-basis:60%;}
.basis-xl{flex-basis:80%;}
.flex1{flex:1;}
.flex-sub{flex:1;}
.flex-twice{flex:2;}
.flex-treble{flex:3;}
.flex-direction{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.align-start{align-items:flex-start;}
.align-end{align-items:flex-end;}
.align-center{align-items:center;}
.align-stretch{align-items:stretch;}
.self-start{align-self:flex-start;}
.self-center{align-self:flex-center;}
.self-end{align-self:flex-end;}
.self-stretch{align-self:stretch;}
.align-stretch{align-items:stretch;}
.justify-start{justify-content:flex-start;}
.justify-end{justify-content:flex-end;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.justify-around{justify-content:space-around;}
.fixed {position: fixed;bottom: 100rpx;width: 100%;left: 0;}
/* ================== 内外边距 ==================== */
.margin-0{margin:0;}
.margin-xs{margin:10rpx;}
.margin-sm{margin:20rpx;}
.margin{margin:30rpx;}
.margin-lg{margin:40rpx;}
.margin-xl{margin:50rpx;}
.margin-top-xs{margin-top:10rpx;}
.margin-top-sm{margin-top:20rpx;}
.margin-top{margin-top:30rpx;}
.margin-top-lg{margin-top:40rpx;}
.margin-top-xl{margin-top:50rpx;}
.margin-top-xxl{margin-top:80rpx;}
.margin-top-xls{margin-top:100rpx;}
.margin-right-xs{margin-right:10rpx;}
.margin-right-sm{margin-right:20rpx;}
.margin-right{margin-right:30rpx;}
.margin-right-lg{margin-right:40rpx;}
.margin-right-xl{margin-right:50rpx;}
.margin-bottom-xs{margin-bottom:10rpx;}
.margin-bottom-sm{margin-bottom:20rpx;}
.margin-bottom{margin-bottom:30rpx;}
.margin-bottom-lg{margin-bottom:40rpx;}
.margin-bottom-xl{margin-bottom:50rpx;}
.margin-bottom-xls{margin-bottom:100rpx;}
.margin-left-xs{margin-left:10rpx;}
.margin-left-sm{margin-left:20rpx;}
.margin-left{margin-left:30rpx;}
.margin-left-lg{margin-left:40rpx;}
.margin-left-xl{margin-left:50rpx;}
.margin-lr-xs{margin-left:10rpx;margin-right:10rpx;}
.margin-lr-sm{margin-left:20rpx;margin-right:20rpx;}
.margin-lr{margin-left:30rpx;margin-right:30rpx;}
.margin-lr-lg{margin-left:40rpx;margin-right:40rpx;}
.margin-lr-xl{margin-left:50rpx;margin-right:50rpx;}
.margin-tb-xs{margin-top:10rpx;margin-bottom:10rpx;}
.margin-tb-sm{margin-top:20rpx;margin-bottom:20rpx;}
.margin-tb{margin-top:30rpx;margin-bottom:30rpx;}
.margin-tb-lg{margin-top:40rpx;margin-bottom:40rpx;}
.margin-tb-xl{margin-top:50rpx;margin-bottom:50rpx;}
.margin-tb-xxl{margin-top:80rpx;margin-bottom:80rpx;}
.padding-0{padding:0;}
.padding-xs{padding:10rpx;}
.padding-sm{padding:20rpx;}
.padding{padding:30rpx;}
.padding-lg{padding:40rpx;}
.padding-xl{padding:50rpx;}
.padding-xxl{padding:80rpx;}
.padding-top-xs{padding-top:10rpx;}
.padding-top-sm{padding-top:20rpx;}
.padding-top{padding-top:30rpx;}
.padding-top-lg{padding-top:40rpx;}
.padding-top-xl{padding-top:50rpx;}
.padding-right-xs{padding-right:10rpx;}
.padding-right-sm{padding-right:20rpx;}
.padding-right{padding-right:30rpx;}
.padding-right-lg{padding-right:40rpx;}
.padding-right-xl{padding-right:50rpx;}
.padding-bottom-xs{padding-bottom:10rpx;}
.padding-bottom-sm{padding-bottom:20rpx;}
.padding-bottom{padding-bottom:30rpx;}
.padding-bottom-lg{padding-bottom:40rpx;}
.padding-bottom-xl{padding-bottom:50rpx;}
.padding-left-xs{padding-left:10rpx;}
.padding-left-sm{padding-left:20rpx;}
.padding-left{padding-left:30rpx;}
.padding-left-lg{padding-left:40rpx;}
.padding-left-xl{padding-left:50rpx;}
.padding-lr-xs{padding-left:10rpx;padding-right:10rpx;}
.padding-lr-sm{padding-left:20rpx;padding-right:20rpx;}
.padding-lr{padding-left:30rpx;padding-right:30rpx;}
.padding-lr-lg{padding-left:40rpx;padding-right:40rpx;}
.padding-lr-xl{padding-left:50rpx;padding-right:50rpx;}
.padding-tb-xs{padding-top:10rpx;padding-bottom:10rpx;}
.padding-tb-sm{padding-top:20rpx;padding-bottom:20rpx;}
.padding-tb{padding-top:30rpx;padding-bottom:30rpx;}
.padding-tb-lg{padding-top:40rpx;padding-bottom:40rpx;}
.padding-tb-xl{padding-top:50rpx;padding-bottom:50rpx;}